<template>
  <div class="login-container">
    <el-card class="login-box">
      <div class="clearfix" slot="header">
        <h3><small>奥凯航空</small>-物资管理系统</h3>
      </div>
      <div>
        <el-form :model="form" label-width="80px" >
          <el-form-item label="用户名">
            <el-input v-model="form.name" placeholder="username"></el-input>
          </el-form-item>
          <el-form-item label="密码">
            <el-input v-model="form.password" placeholder="password"></el-input>
          </el-form-item>
        </el-form>
      </div>

    </el-card>
  </div>
</template>

<script>
  export default {
    name: "Login2",
    data(){
      return{
        form:{
          name:'',
          password:''
        }
      }

    }
  }
</script>

<style scoped>

  .login-container {
    background-image: url("../../assets/bg4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;

  }

  .login-box {
    width: 480px;
    margin-left: 500px;
    margin-top: 200px;
    background-color: rgba(255, 255, 255, .4);
    box-shadow: -11px 9px 11px 0px #b9bfbd;
    opacity: .7;
    border-radius: 12px;
    color: #42b983;
    font-size: 1.2em;
    font-weight: bolder;



  }

</style>
